<template>
  <div id="app">
    <router-view/>
    <upload-manager></upload-manager>
    <!-- <config-modal ref="configModal"></config-modal>
    <div :class="[$style.affix]">
      <el-link type="info" :underline="false" @click="onSetting">
        <span style="font-size: 20px;" title="设置"><i class="el-icon-setting"></i></span>
      </el-link>
    </div> -->
  </div>
</template>

<script lang="ts">

import { Vue, Component, Provide, Watch, Ref, Prop, Inject } from 'vue-property-decorator'

@Component
export default class App extends Vue {
  // @Ref() configModal!: any

  // created () {
  //   if (process.env.NODE_ENV === 'development') {
  //     const h = setInterval(() => {
  //       this.$http.get('/api/account/account/current')
  //     }, 25 * 1000)
  //     this.$once('hook:beforeDestroy', function () {
  //       clearInterval(h)
  //     })
  //   }
  // }

  // onSetting () {
  //   this.configModal.open().catch(() => {
  //     // ignore
  //   })
  // }

  mounted () {
    // const root = this.$root as any
    // root.configModal = this.configModal
  }
}

</script>

<style>
#app {
  position: relative;
}
</style>

<style lang="scss" module>
.affix {
  position: fixed;
  right: 4px;
  bottom: 64px;
  z-index: 9999;
}
</style>
